﻿@import '../../UIbase/Default/UIBase.scss';

#tmp {
    display: none;
}

#Add:before {
    @extend %Icon24-gray;
    @extend %i24_plus;
}

#slcTeam {
    width: 100%;
    background-color: lighten($ClrTheme,20);
}
/*#region 通用UI部件*/
.TaskCard {
    height: 80px;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 5px;
    padding-bottom: 40px;
    border-left: solid 10px $ClrTheme;
    overflow:hidden;
    &.deferred {
        border-left: solid 10px $ClrImportant;
    }

    &.Completed {
        border-left: solid 10px #bab6b6;
    }

    &.Pending {
        border-left: solid 10px #802096;
    }
}

.crdImportance {
    position: absolute;
    right: 0;
    top: 0;
}

.crdContent {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.crdType {
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    background-color: $ClrDisableBk;
}

.crdProposeInfo {
    line-height: normal;
    position: absolute;
    right: 0;
    bottom: 0;
    clear:right;
}

.taskTypeItem {
    @extend %TitleLv4;
    padding-left: 10px;
    display: block;
    line-height: 45px;

    &:hover {
        background-color: lighten($ClrTheme,20);
    }
}

.taskSubSystemItem {
    @extend %TitleLv4;
    display: block;
    line-height: 45px;
    padding-left: 10px;

    &:hover {
        background-color: lighten($ClrTheme,20);
    }
}
/*#endregion*/

/*#region 我的任务新增表单*/
#frmFastNew {
    width: 100%;
    padding: 2px;
    padding-bottom: 40px;
    position: relative;
    box-shadow: -4px 0 2px $ClrTheme;
    margin-bottom: 10px;
}

#slcType {
    width: 50%;
    display: inline-block;
}

#slcSub {
    width: 49%;
    display: inline-block;
}

#slcProj {
    width: 50%;
    display: inline-block;
}

#rtImportance {
    width: 100%;
    display: block;
}

#txbCnt {
    width: 100%;
    min-height: 100px;
    margin-bottom: 3px;
}

#txbProposer {
    width: 49%;
}

#tmProposeTime {
    width: 50%;
}

#tmDeadline {
    width: 49%;
    right: 0;
}

#numTimeValue {
    width: 50%;
}

#numTimeCost {
    width: 49%;
}

#btnAdd {
    margin-top: 3px;
    float: right;
}
/*#endregion */

/*#region 任务详情视图*/
.editble {
    border: 1px dashed $ClrTheme;
    cursor: pointer;
}

#viewTaskInfo {
    position: relative;
    min-height: 400px;
    width: 100%;
}

#ColLeft {
    float: left;
    width: 65%;
}

#ColRight {
    float: right;
    width: 35%;
    padding-left: 24px;
}

#TaskActions {
    position: absolute;
    right: 0;
    top: 0;
}
#btnNewComment{
    float:right;
    margin-top:5px;
    margin-bottom:25px;
}

#RelatedIssue {
    width: 100%;
    margin: auto;
    margin-bottom: 5px;
    background-color: $ClrMsg;
}

#TaskDeadline {
    @extend %TitleLv4;
    margin-bottom: 10px;

    &:before {
        @extend %Icon24-theme;
        @extend %i24_clock;
        margin-right: 5px;
    }
    &.deferred {
        &:before {
            @extend %Icon24-white;
        }

        background-color: $ClrImportant;
        color: white;
    }
}

#btnEdit {
    @extend %i24_plus;
    position: absolute;
    margin: auto;
    margin-left: 20px;
}

#TaskFrom {
    width: 100%;
    padding: 5px;
    background-color: $ClrMsg;
    margin-bottom: 10px;
}

#TaskContent {
    width: 100%;
    min-height: 200px;
    resize: none;
    margin-bottom: 10px;
    padding: 5px;
}

.TaskBaseInfo {
    padding-left: 24px;
}
/*#endregion */

#pnlTaskInfo {
    width: 100%;
}

/*#region 任务模块首页-我的任务*/

/*#endregion*/

/*#region 任务模块首页-任务管理*/
.TaskCharger {
    position:relative;
    height: 80px;
    cursor: pointer;
    border-bottom: 1px solid #c9c7c7;
    padding:5px;
    & > img {
        float:left;
        width:64px;
        height:64px;
    }
}
.UserInfo{
    padding-left:80px;
    padding-top:5px;
}
.deferredTaskCount{
    margin-right:5px;
    &.delay{
        color:$ClrImportant;
    }
}
.activeTaskCount{
    margin-right:5px;
}
#DeptAvataBig {
    width: 88px;
    height: 88px;
}

#DeptCard {
    height:140px;
    padding-top:100px;
    background-image: url('/SiteUI/Imgs/defDeptAvataBig.png');
    background-position:center top;
    background-repeat:no-repeat;
    background-size:88px 88px;
}
#DeptName{
    text-align:center;
}

.NormalFields{
    @extend %TitleLv4;
    line-height:40px;
    &>span{
        padding:2px 10px 2px 0;
        margin-right:10px;
        border-right:1px solid gray;
    }
}
.DelayInfo{
    @extend %TitleLv4;
    margin-bottom: 10px;
    &:before {
        @extend %Icon24-theme;
        @extend %i24_clock;
        margin-right: 5px;
    }
    &.deferred {
        &:before {
            @extend %Icon24-white;
        }
        background-color: $ClrImportant;
        color: white;
    }
}

/*#endregion*/

/*#region 任务管理详情页面*/
#TaskJournal{
    padding-top:60px;
}
.JournalItem{
    position:relative;
    min-height:100px;
    width:100%;
    color:white;
    background-image: url('/SiteUI/Imgs/timeline.gif');
    background-repeat:repeat-y;
    background-position:30% 0;
    &:hover{
        & .ItemIcon{
            border-width:6px;
            width:30px;
            height:30px;
            border-radius:15px;
            margin-left:-13px;
            top:5px;
        }
        & .timespan{
            color:$ClrOk;
        }
    }
}

.JournalHead{
    height:auto;
    width:30%;
    padding-right:20px;
    overflow:visible;
    float:left;
    &>h4{
        text-align:right;
    }
}
.timespan{
    text-align:right;
}

.ItemIcon{
    width:20px;
    height:20px;
    border:3px solid $ClrOk;
    border-radius:10px;
    position:absolute;
    background-color:white;
    left:30%;
    margin-left:-8px;
    top:10px;
    transition:all linear 0.2s;
}
.TimeStar {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: absolute;
    background-color: white;
    left: 30%;
    margin-left: -23px;
    top:-50px;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    background-image: url('/SiteUI/Imgs/watch64.gif');
    background-size:50px 50px;
}
.JournalContent{
    height:100%;
    width:70%;
    padding:20px;
    float:left;
}
/*#endregion*/


